<template>
  <div class="shaixuanqi_item_wrap">
    <!-- <div>筛选器</div> -->
    <!-- <div>{{ commonG6FromObj }}</div> -->
    <div class="inpt">
      <span style="font-size: 14px; color: #606266">名称：</span>
      <el-input
        style="width: 85%"
        v-model="commonG6FromObj.name"
        placeholder="请输入"
      ></el-input>
    </div>
    <div class="inpt">
      <span style="font-size: 14px; color: #606266">别名：</span>
      <el-input
        style="width: 85%"
        v-model="commonG6FromObj.otherName"
        placeholder="请输入"
      ></el-input>
    </div>
    <div class="inpt">
      <span style="font-size: 14px; color: #606266">条件：</span>
      <el-select
        style="width: 85%"
        v-model="commonG6FromObj.tiaojian"
        placeholder="请选择"
      >
        <el-option
          v-for="item in TJoptions"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
    </div>
    <div class="inpt">
      <span style="font-size: 14px; color: #606266">脚本：</span>
      <el-input
        style="width: 85%"
        v-model="commonG6FromObj.jiaobenContent"
        placeholder="请输入"
      ></el-input>
    </div>
    <el-table :data="commonG6FromObj.tableData" style="width: 100%">
      <el-table-column prop="id" label="编号" > </el-table-column>
      <el-table-column prop="name" label="名称" > </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  props: {
    commonG6FromObj: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      TJoptions: [
        {
          value: "黄金糕",
          label: "黄金糕",
        },
        {
          value: "双皮奶",
          label: "双皮奶",
        },
        {
          value: "蚵仔煎",
          label: "蚵仔煎",
        },
        {
          value: "龙须面",
          label: "龙须面",
        },
        {
          value: "北京烤鸭",
          label: "北京烤鸭",
        },
      ],
    };
  },
  methods: {
    btnChange() {
      var file = document.getElementById("file");
      file.click();
    },
  },
};
</script>
<style scoped lang="less">
.inpt {
  margin-bottom: 20px;
}
</style>
